<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="less">
html,
body,
#app {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.auto-img {
  width: 100%;
  display: block;
}

.el-card{
  // border: 1px solid #000;
  width: 946px;
}

// @media screen and (min-width: 1200px) {
//     #app {
//         width: 1200;
//         // width: 1127px;
//         // margin-left: auto !important;
//         // margin-right: auto !important;
//     }
// }

// @media screen and (min-width: 922px) and (max-width:1199px) {
//      #app{
//        width: 992px;
//         // width: 933px;
//         // margin-left: auto !important;
//         // margin-right: auto !important;
//     }
// }

// @media screen and (min-width: 768px) and (max-width:922px) {
//      #app{
//        width: 768px;
//         // width: 723px;
//         // margin-left: auto !important;
//         // margin-right: auto !important;
//     }
// }

// @media screen and (max-width: 768px) {
//     #app {
//         width: 100%;
//         // padding: 0px 10px 0 10px !important;
//         box-sizing: border-box;
//     }
// }
</style>
